<!--
    Document    : index
    Created on  : 09-04-2014, 16:03:16
    Author      : Mr. Truong Khuong
    Phone       : 0985 747 240
    Email       : Khuongxuantruong@gmail.com
    Skype       : Khuongxuantruong
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <link href="../css/bootstrap.min.css" rel="stylesheet">
        <link href="../moodycrab/moodycrab.css" rel="stylesheet">
        <script src="../js/jquery-1.9.1.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
            <div class="container">
                <div class="navbar-header visible-xs">
                    <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar line-1"></span>
                        <span class="icon-bar line-2"></span>
                        <span class="icon-bar line-3"></span>
                    </button>
                    <a href="/home" class="navbar-brand">
                        <img src="images/logo.jpg"/>
                    </a>
                </div>
                <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation" >
                    <ul class="nav navbar-nav">

                        <li class=""><a href='index.html'>HOME</a></li>
                        <li class=""><a href='work.html'>WORK</a></li>
                    </ul>

                    <a href="/home">
                        <img class="logo hidden-xs" src="images/logo.jpg"/>
                    </a>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href='about.html'>ABOUT</a></li>
                        <li class=""><a href='contact.html'>CONTACT</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <div  class="container" style="position: relative;z-index: 1">
            <div class="slogan">
                BE SEEN AND BE HEARD
            </div>
            <p class="notice">More than ever, it is absolutely critical to act different, look different and be different than everyone else, if you want your message to be seen and heard.

At Moody Crab, we have one objective. To differentiate your brand from the competition whilst creating a lasting and meaningful message that resonates with customers.

Founded in 2013, Moody Crab is creative boutique agency, dedicated to unearthing creative and strategic insights that will deliver results.   

If you like what we do, and think we could work together, then simply get in touch and we can scope the job over a coffee.

            </p>
            
            <div class="">
                <div style="border-bottom: 1px solid #ccc;border-top:1px solid #ccc;padding-top:20px;padding-bottom:20px">
                    <div class="about-title">
                        WHAT WE DO
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about1.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>ADVERTISING</h3>
                            <p>
                                We take the everyday, reinterpret and inject insightful and creative energy to make traditional mediums engaging and rewarding. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about2.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>BRANDING</h3>
                            <p>
                                Specialising in brand experience marketing, we activate brands, leverage sponsorships and maximise connections through mobile and digital amplification. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about3.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>DIGITAL</h3>
                            <p>
                                Offering an extensive and wide-ranging experience from website design and development through to social media programs. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about4.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>INNOVATIVE PRODUCTS</h3>
                            <p>
                                As an ideas based agency, we love entrepreneurial concepts and have the capabilities of designing, manufacturing and taking them to market. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="col-md-4 col-xs-6 about-item">
                        <div class="">
                            <div class="nailthumb">
                                <div class="nailthumb-figure square">
                                    <div class="nailthumb-container">
                                        <img class="nailthumb-image" src="images/about5.png" >
                                    </div>
                                </div>
                            </div>
                            <h3>STRATEGY</h3>
                            <p>
                                Creating engaging and insightful content through to a finished project by building a solid business foundation. 
                            </p>
<!--                            <div style="text-align: center">
                                <button type="button" class="btn">More Detail</button>
                            </div>-->
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <div class="foot">
                <div style="border-bottom: 1px solid #ccc;padding-top:40px;padding-bottom:40px">
                    <div class="col-md-4">
                        <h3>Contact Detail</h3>
                        
                        <p>
                            <span>+ P :</span>
                            0422 925 979
                        </p>
                        <p>
                            <span>+ E :</span>
                            admin@moodycrab.com
                        </p>
                    </div>
                    <div class="col-md-8">
                        <h3>Send Us A Message</h3>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-contact">
                                    <div class="">
                                        <input type="text" class="form-control" placeholder="Enter your name here">
                                    </div>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <img src="images/phone-ico.jpg"/>
                                        </span>
                                        <input type="text" class="form-control" placeholder="Phone">
                                    </div>
                                    <div class="input-group">
                                        <span class="input-group-addon">
                                            <img src="images/mail-ico.jpg"/>
                                        </span>
                                        <input type="text" class="form-control" placeholder="Email">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-contact">
                                    <div class="">
                                        <textarea class="form-control" rows="3"></textarea>
                                    </div>
                                    <div class="" style="text-align: right;">
                                        <button type="button" class="btn btn-default">RESET</button>
                                        <button type="button" class="btn btn-danger">SUBMIT</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="copyright">
                    Coppyright &copy; MoodyCrab 2014
                </div>
            </div>	
        </div>